<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
  <head>
    <title>i-Academy</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script type="text/javascript" src="general/scripts.js"></script>
    <link rel="stylesheet" type="text/css" href="general/style/index.css" media="all" />

  </head>
  <body>
      <div id="topo"><!-- BARRA SUPERIOR COM LOGO -->
          <img src="general/images/i-academyIcon.png" alt="alt"/>
      </div>

      <div id="botoes"><!-- BOTOES DA BARRA SUPERIOR -->
          <div class="tool" title="Voltar a Página Principal"><a href="#">
                  <img src="general/images/home.png" alt="[HOME]"/>
                  <p>Principal</p>
              </a>
          </div>
          <div class="tool" title="Informações do Sistema"><a href="#">
                  <img src="general/images/info.png"  alt="[INFORMAÇÕES]"/>
                  <p>Informações</p>
              </a>
          </div>
          <div class="tool" title="Entrar em contato com o fabricante"><a href="#">
                  <img src="general/images/contact.png" alt="[CONTATO]"/>
                  <p>Contato</p>
              </a>
          </div>
          <div class="tool" title="Ajuda do sistema"><a href="#">
                  <img src="general/images/question.png" alt="[AJUDA]"/>
                  <p>Ajuda</p>
              </a>
          </div>
      </div><!-- botoes -->


<!-- OBS: Fundo e formulário separados para que os elementos do formulario não ficassem transparentes junto com o fundo -->
    
     <div id="centro"><!-- CENTRO DA PAGINA -->

          <div id="login" ><!-- FUNDO TRANSPARENTE DO FORMULARIO DO LOGIN LOGIN -->
          </div>

         <div class="erroLogin">{ERROMSG}</div>
          <form name="login" id="log" action="login.php" method="post"> <!-- FORMULARIO DE LOGIN -->
              <legend>Login</legend>
              <div id="image"><img src="general/images/padlock_closed.png" width="32" height="32" alt="[ACCESS]"/></div>

              <span>Usuário</span>
              <input type="text" id="usuario" name="usuario" value="" />
              <span>Senha</span>
              <input type="password" id="senha" name="senha" value="" />

              <input type="submit" id="botao" value="Entrar" />
          </form>



        <div id="slide-img"> <!-- SLIDE DE IMAGENS NO FUNDO -->
           <ul>
               <li class="active first-active"><img src="general/images/slide/img1.jpg" alt="[IMG1]"/></li>
               <li><img src="general/images/slide/img2.jpg" alt="[IMG1]"/></li>
              <li><img src="general/images/slide/img3.jpg" alt="[IMG1]"/></li>
              <li><img src="general/images/slide/img4.jpg" alt="[IMG1]"/></li>
              <li><img src="general/images/slide/img5.jpg" alt="[IMG1]"/></li>
           </ul>
        </div>


     </div><!-- DIV CENTRO -->

     <div id="rodape"></div>

  </body>
</html>
